﻿<!DOCTYPE html>
<html>
  <head>
    <title>排行</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/排行/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/排行/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 底部 (矩形) -->
      <div id="u481" class="ax_default box_2" data-label="底部">
        <img id="u481_img" class="img " src="images/拍摄页/u266.png"/>
      </div>

      <!-- 半圆框 (矩形) -->
      <div id="u482" class="ax_default box_1" data-label="半圆框">
        <img id="u482_img" class="img " src="images/排行/半圆框_u482.png"/>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u483" class="ax_default" data-left="-1" data-top="177" data-width="377" data-height="44">

        <!-- 选择框1 (矩形) -->
        <div id="u484" class="ax_default box_1" data-label="选择框1" selectiongroup="榜单选项">
          <img id="u484_img" class="img " src="images/排行/选择框1_u484.png"/>
          <div id="u484_text" class="text ">
            <p><span>日榜</span></p>
          </div>
        </div>

        <!-- 选择框2 (矩形) -->
        <div id="u485" class="ax_default box_1" data-label="选择框2" selectiongroup="榜单选项">
          <img id="u485_img" class="img " src="images/排行/选择框2_u485.png"/>
          <div id="u485_text" class="text ">
            <p><span>周榜</span></p>
          </div>
        </div>

        <!-- 选择框3 (矩形) -->
        <div id="u486" class="ax_default box_1" data-label="选择框3" selectiongroup="榜单选项">
          <img id="u486_img" class="img " src="images/排行/选择框2_u485.png"/>
          <div id="u486_text" class="text ">
            <p><span>月榜</span></p>
          </div>
        </div>

        <!-- Unnamed (动态面板) -->
        <div id="u487" class="ax_default">
          <div id="u487_state0" class="panel_state" data-label="State1" style="">
            <div id="u487_state0_content" class="panel_state_content">

              <!-- 选择线 (水平线) -->
              <div id="u488" class="ax_default line" data-label="选择线">
                <img id="u488_img" class="img " src="images/排行/选择线_u488.png"/>
              </div>
            </div>
          </div>
          <div id="u487_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
            <div id="u487_state1_content" class="panel_state_content">

              <!-- 选择线 (水平线) -->
              <div id="u489" class="ax_default line" data-label="选择线">
                <img id="u489_img" class="img " src="images/排行/选择线_u488.png"/>
              </div>
            </div>
          </div>
          <div id="u487_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
            <div id="u487_state2_content" class="panel_state_content">

              <!-- 选择线 (水平线) -->
              <div id="u490" class="ax_default line" data-label="选择线">
                <img id="u490_img" class="img " src="images/排行/选择线_u488.png"/>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u491" class="ax_default">
        <div id="u491_state0" class="panel_state" data-label="State1" style="">
          <div id="u491_state0_content" class="panel_state_content">

            <!-- Unnamed (动态面板) -->
            <div id="u492" class="ax_default">
              <div id="u492_state0" class="panel_state" data-label="State1" style="">
                <div id="u492_state0_content" class="panel_state_content">

                  <!-- 第一名 (组 合) -->
                  <div id="u493" class="ax_default" data-label="第一名" data-left="1.03718707889795" data-top="-2.18172400785651" data-width="349.962812921102" data-height="273.181724007857">

                    <!-- 街舞 (图片) -->
                    <div id="u494" class="ax_default _图片" data-label="街舞">
                      <img id="u494_img" class="img " src="images/排行/街舞_u494.png"/>
                    </div>

                    <!-- 图片框 (矩形) -->
                    <div id="u495" class="ax_default box_1" data-label="图片框">
                      <img id="u495_img" class="img " src="images/排行/图片框_u495.png"/>
                    </div>

                    <!-- 王冠 (形状) -->
                    <div id="u496" class="ax_default _形状2" data-label="王冠">
                      <img id="u496_img" class="img " src="images/排行/王冠_u496.png"/>
                    </div>

                    <!-- 排名序号 (矩形) -->
                    <div id="u497" class="ax_default box_1" data-label="排名序号">
                      <img id="u497_img" class="img " src="images/排行/排名序号_u497.png"/>
                      <div id="u497_text" class="text ">
                        <p><span>1</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u498" class="ax_default box_1">
                      <img id="u498_img" class="img " src="images/排行/u498.png"/>
                      <div id="u498_text" class="text ">
                        <p><span>中山大学南方学院DMC</span></p>
                      </div>
                    </div>

                    <!-- 数值 (组 合) -->
                    <div id="u499" class="ax_default" data-label="数值" data-left="33" data-top="253" data-width="311" data-height="18">

                      <!-- Unnamed (矩形) -->
                      <div id="u500" class="ax_default box_1">
                        <img id="u500_img" class="img " src="images/排行/u500.png"/>
                        <div id="u500_text" class="text ">
                          <p><span>223</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u501" class="ax_default box_1">
                        <img id="u501_img" class="img " src="images/排行/u500.png"/>
                        <div id="u501_text" class="text ">
                          <p><span>443</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u502" class="ax_default box_1">
                        <img id="u502_img" class="img " src="images/排行/u502.png"/>
                        <div id="u502_text" class="text ">
                          <p><span>15</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u503" class="ax_default box_1">
                        <img id="u503_img" class="img " src="images/排行/u500.png"/>
                        <div id="u503_text" class="text ">
                          <p><span>990</span></p>
                        </div>
                      </div>

                      <!-- 挑战logo (SVG) -->
                      <div id="u504" class="ax_default _图片" data-label="挑战logo">
                        <img id="u504_img" class="img " src="images/排行/__logo_u504.svg"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u505" class="ax_default _形状2">
                        <img id="u505_img" class="img " src="images/排行/u505.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u506" class="ax_default _形状2">
                        <img id="u506_img" class="img " src="images/排行/u506.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u507" class="ax_default icon">
                        <img id="u507_img" class="img " src="images/排行/u507.png"/>
                      </div>
                    </div>

                    <!-- 开始 (形状) -->
                    <div id="u508" class="ax_default icon" data-label="开始">
                      <img id="u508_img" class="img " src="images/排行/开始_u508.png"/>
                    </div>
                  </div>

                  <!-- 第二名 (组 合) -->
                  <div id="u509" class="ax_default" data-label="第二名" data-left="2.03718707889794" data-top="269.818275992144" data-width="348.962812921102" data-height="293.181724007856">

                    <!-- Unnamed (图片) -->
                    <div id="u510" class="ax_default _图片">
                      <img id="u510_img" class="img " src="images/排行/u510.png"/>
                    </div>

                    <!-- 图片框 (矩形) -->
                    <div id="u511" class="ax_default box_1" data-label="图片框">
                      <img id="u511_img" class="img " src="images/排行/图片框_u495.png"/>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u512" class="ax_default box_1">
                      <img id="u512_img" class="img " src="images/排行/u512.png"/>
                      <div id="u512_text" class="text ">
                        <p><span>中山大学CMD</span></p>
                      </div>
                    </div>

                    <!-- 王冠 (形状) -->
                    <div id="u513" class="ax_default _形状2" data-label="王冠">
                      <img id="u513_img" class="img " src="images/排行/王冠_u496.png"/>
                    </div>

                    <!-- 排名序号 (矩形) -->
                    <div id="u514" class="ax_default box_1" data-label="排名序号">
                      <img id="u514_img" class="img " src="images/排行/排名序号_u497.png"/>
                      <div id="u514_text" class="text ">
                        <p><span>2</span></p>
                      </div>
                    </div>

                    <!-- 开始 (形状) -->
                    <div id="u515" class="ax_default icon" data-label="开始">
                      <img id="u515_img" class="img " src="images/排行/开始_u508.png"/>
                    </div>

                    <!-- 数值 (组 合) -->
                    <div id="u516" class="ax_default" data-label="数值" data-left="32" data-top="545" data-width="312" data-height="18">

                      <!-- Unnamed (矩形) -->
                      <div id="u517" class="ax_default box_1">
                        <img id="u517_img" class="img " src="images/排行/u500.png"/>
                        <div id="u517_text" class="text ">
                          <p><span>202</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u518" class="ax_default box_1">
                        <img id="u518_img" class="img " src="images/排行/u518.png"/>
                        <div id="u518_text" class="text ">
                          <p><span>111</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u519" class="ax_default box_1">
                        <img id="u519_img" class="img " src="images/排行/u502.png"/>
                        <div id="u519_text" class="text ">
                          <p><span>12</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u520" class="ax_default box_1">
                        <img id="u520_img" class="img " src="images/排行/u500.png"/>
                        <div id="u520_text" class="text ">
                          <p><span>612</span></p>
                        </div>
                      </div>

                      <!-- 挑战logo (SVG) -->
                      <div id="u521" class="ax_default _图片" data-label="挑战logo">
                        <img id="u521_img" class="img " src="images/排行/__logo_u504.svg"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u522" class="ax_default _形状2">
                        <img id="u522_img" class="img " src="images/排行/u505.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u523" class="ax_default _形状2">
                        <img id="u523_img" class="img " src="images/排行/u506.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u524" class="ax_default icon">
                        <img id="u524_img" class="img " src="images/排行/u507.png"/>
                      </div>
                    </div>
                  </div>

                  <!-- 第三名 (组 合) -->
                  <div id="u525" class="ax_default" data-label="第三名" data-left="5.03718707889794" data-top="555.818275992144" data-width="348.962812921102" data-height="293.181724007856">

                    <!-- Unnamed (图片) -->
                    <div id="u526" class="ax_default _图片">
                      <img id="u526_img" class="img " src="images/排行/u526.png"/>
                    </div>

                    <!-- 图片框 (矩形) -->
                    <div id="u527" class="ax_default box_1" data-label="图片框">
                      <img id="u527_img" class="img " src="images/排行/图片框_u495.png"/>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u528" class="ax_default box_1">
                      <img id="u528_img" class="img " src="images/排行/u528.png"/>
                      <div id="u528_text" class="text ">
                        <p><span>华南理工大学歌唱队</span></p>
                      </div>
                    </div>

                    <!-- 王冠 (形状) -->
                    <div id="u529" class="ax_default _形状2" data-label="王冠">
                      <img id="u529_img" class="img " src="images/排行/王冠_u496.png"/>
                    </div>

                    <!-- 排名序号 (矩形) -->
                    <div id="u530" class="ax_default box_1" data-label="排名序号">
                      <img id="u530_img" class="img " src="images/排行/排名序号_u497.png"/>
                      <div id="u530_text" class="text ">
                        <p><span>3</span></p>
                      </div>
                    </div>

                    <!-- 开始 (形状) -->
                    <div id="u531" class="ax_default icon" data-label="开始">
                      <img id="u531_img" class="img " src="images/排行/开始_u508.png"/>
                    </div>

                    <!-- 数值 (组 合) -->
                    <div id="u532" class="ax_default" data-label="数值" data-left="35" data-top="831" data-width="312" data-height="18">

                      <!-- Unnamed (矩形) -->
                      <div id="u533" class="ax_default box_1">
                        <img id="u533_img" class="img " src="images/排行/u500.png"/>
                        <div id="u533_text" class="text ">
                          <p><span>199</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u534" class="ax_default box_1">
                        <img id="u534_img" class="img " src="images/排行/u502.png"/>
                        <div id="u534_text" class="text ">
                          <p><span>56</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u535" class="ax_default box_1">
                        <img id="u535_img" class="img " src="images/排行/u502.png"/>
                        <div id="u535_text" class="text ">
                          <p><span>93</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u536" class="ax_default box_1">
                        <img id="u536_img" class="img " src="images/排行/u500.png"/>
                        <div id="u536_text" class="text ">
                          <p><span>121</span></p>
                        </div>
                      </div>

                      <!-- 挑战logo (SVG) -->
                      <div id="u537" class="ax_default _图片" data-label="挑战logo">
                        <img id="u537_img" class="img " src="images/排行/__logo_u504.svg"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u538" class="ax_default _形状2">
                        <img id="u538_img" class="img " src="images/排行/u505.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u539" class="ax_default _形状2">
                        <img id="u539_img" class="img " src="images/排行/u506.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u540" class="ax_default icon">
                        <img id="u540_img" class="img " src="images/排行/u507.png"/>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u491_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u491_state1_content" class="panel_state_content">

            <!-- Unnamed (动态面板) -->
            <div id="u541" class="ax_default">
              <div id="u541_state0" class="panel_state" data-label="State1" style="">
                <div id="u541_state0_content" class="panel_state_content">

                  <!-- 第一名 (组 合) -->
                  <div id="u542" class="ax_default" data-label="第一名" data-left="1.03718707889796" data-top="2.81827599214349" data-width="349.962812921102" data-height="268.181724007857">

                    <!-- 街舞 (图片) -->
                    <div id="u543" class="ax_default _图片" data-label="街舞">
                      <img id="u543_img" class="img " src="images/排行/街舞_u543.png"/>
                    </div>

                    <!-- 图片框 (矩形) -->
                    <div id="u544" class="ax_default box_1" data-label="图片框">
                      <img id="u544_img" class="img " src="images/排行/图片框_u495.png"/>
                    </div>

                    <!-- 王冠 (形状) -->
                    <div id="u545" class="ax_default _形状2" data-label="王冠">
                      <img id="u545_img" class="img " src="images/排行/王冠_u496.png"/>
                    </div>

                    <!-- 排名序号 (矩形) -->
                    <div id="u546" class="ax_default box_1" data-label="排名序号">
                      <img id="u546_img" class="img " src="images/排行/排名序号_u497.png"/>
                      <div id="u546_text" class="text ">
                        <p><span>1</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u547" class="ax_default box_1">
                      <img id="u547_img" class="img " src="images/排行/u528.png"/>
                      <div id="u547_text" class="text ">
                        <p><span>华南理工大学歌唱队</span></p>
                      </div>
                    </div>

                    <!-- 数值 (组 合) -->
                    <div id="u548" class="ax_default" data-label="数值" data-left="33" data-top="253" data-width="311" data-height="18">

                      <!-- Unnamed (矩形) -->
                      <div id="u549" class="ax_default box_1">
                        <img id="u549_img" class="img " src="images/排行/u500.png"/>
                        <div id="u549_text" class="text ">
                          <p><span>223</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u550" class="ax_default box_1">
                        <img id="u550_img" class="img " src="images/排行/u500.png"/>
                        <div id="u550_text" class="text ">
                          <p><span>443</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u551" class="ax_default box_1">
                        <img id="u551_img" class="img " src="images/排行/u502.png"/>
                        <div id="u551_text" class="text ">
                          <p><span>15</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u552" class="ax_default box_1">
                        <img id="u552_img" class="img " src="images/排行/u500.png"/>
                        <div id="u552_text" class="text ">
                          <p><span>990</span></p>
                        </div>
                      </div>

                      <!-- 挑战logo (SVG) -->
                      <div id="u553" class="ax_default _图片" data-label="挑战logo">
                        <img id="u553_img" class="img " src="images/排行/__logo_u504.svg"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u554" class="ax_default _形状2">
                        <img id="u554_img" class="img " src="images/排行/u505.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u555" class="ax_default _形状2">
                        <img id="u555_img" class="img " src="images/排行/u506.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u556" class="ax_default icon">
                        <img id="u556_img" class="img " src="images/排行/u507.png"/>
                      </div>
                    </div>

                    <!-- 开始 (形状) -->
                    <div id="u557" class="ax_default icon" data-label="开始">
                      <img id="u557_img" class="img " src="images/排行/开始_u508.png"/>
                    </div>
                  </div>

                  <!-- 第二名 (组 合) -->
                  <div id="u558" class="ax_default" data-label="第二名" data-left="2.03718707889794" data-top="269.818275992144" data-width="348.962812921102" data-height="293.181724007856">

                    <!-- Unnamed (图片) -->
                    <div id="u559" class="ax_default _图片">
                      <img id="u559_img" class="img " src="images/排行/u559.png"/>
                    </div>

                    <!-- 图片框 (矩形) -->
                    <div id="u560" class="ax_default box_1" data-label="图片框">
                      <img id="u560_img" class="img " src="images/排行/图片框_u495.png"/>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u561" class="ax_default box_1">
                      <img id="u561_img" class="img " src="images/排行/u498.png"/>
                      <div id="u561_text" class="text ">
                        <p><span>中山大学南方学院DMC</span></p>
                      </div>
                    </div>

                    <!-- 王冠 (形状) -->
                    <div id="u562" class="ax_default _形状2" data-label="王冠">
                      <img id="u562_img" class="img " src="images/排行/王冠_u496.png"/>
                    </div>

                    <!-- 排名序号 (矩形) -->
                    <div id="u563" class="ax_default box_1" data-label="排名序号">
                      <img id="u563_img" class="img " src="images/排行/排名序号_u497.png"/>
                      <div id="u563_text" class="text ">
                        <p><span>2</span></p>
                      </div>
                    </div>

                    <!-- 开始 (形状) -->
                    <div id="u564" class="ax_default icon" data-label="开始">
                      <img id="u564_img" class="img " src="images/排行/开始_u508.png"/>
                    </div>

                    <!-- 数值 (组 合) -->
                    <div id="u565" class="ax_default" data-label="数值" data-left="32" data-top="545" data-width="312" data-height="18">

                      <!-- Unnamed (矩形) -->
                      <div id="u566" class="ax_default box_1">
                        <img id="u566_img" class="img " src="images/排行/u500.png"/>
                        <div id="u566_text" class="text ">
                          <p><span>202</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u567" class="ax_default box_1">
                        <img id="u567_img" class="img " src="images/排行/u518.png"/>
                        <div id="u567_text" class="text ">
                          <p><span>111</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u568" class="ax_default box_1">
                        <img id="u568_img" class="img " src="images/排行/u502.png"/>
                        <div id="u568_text" class="text ">
                          <p><span>12</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u569" class="ax_default box_1">
                        <img id="u569_img" class="img " src="images/排行/u500.png"/>
                        <div id="u569_text" class="text ">
                          <p><span>612</span></p>
                        </div>
                      </div>

                      <!-- 挑战logo (SVG) -->
                      <div id="u570" class="ax_default _图片" data-label="挑战logo">
                        <img id="u570_img" class="img " src="images/排行/__logo_u504.svg"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u571" class="ax_default _形状2">
                        <img id="u571_img" class="img " src="images/排行/u505.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u572" class="ax_default _形状2">
                        <img id="u572_img" class="img " src="images/排行/u506.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u573" class="ax_default icon">
                        <img id="u573_img" class="img " src="images/排行/u507.png"/>
                      </div>
                    </div>
                  </div>

                  <!-- 第三名 (组 合) -->
                  <div id="u574" class="ax_default" data-label="第三名" data-left="5.03718707889794" data-top="555.818275992144" data-width="348.962812921102" data-height="293.181724007856">

                    <!-- Unnamed (图片) -->
                    <div id="u575" class="ax_default _图片">
                      <img id="u575_img" class="img " src="images/排行/u510.png"/>
                    </div>

                    <!-- 图片框 (矩形) -->
                    <div id="u576" class="ax_default box_1" data-label="图片框">
                      <img id="u576_img" class="img " src="images/排行/图片框_u495.png"/>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u577" class="ax_default box_1">
                      <img id="u577_img" class="img " src="images/排行/u512.png"/>
                      <div id="u577_text" class="text ">
                        <p><span>中山大学CMD</span></p>
                      </div>
                    </div>

                    <!-- 王冠 (形状) -->
                    <div id="u578" class="ax_default _形状2" data-label="王冠">
                      <img id="u578_img" class="img " src="images/排行/王冠_u496.png"/>
                    </div>

                    <!-- 排名序号 (矩形) -->
                    <div id="u579" class="ax_default box_1" data-label="排名序号">
                      <img id="u579_img" class="img " src="images/排行/排名序号_u497.png"/>
                      <div id="u579_text" class="text ">
                        <p><span>3</span></p>
                      </div>
                    </div>

                    <!-- 开始 (形状) -->
                    <div id="u580" class="ax_default icon" data-label="开始">
                      <img id="u580_img" class="img " src="images/排行/开始_u508.png"/>
                    </div>

                    <!-- 数值 (组 合) -->
                    <div id="u581" class="ax_default" data-label="数值" data-left="35" data-top="831" data-width="312" data-height="18">

                      <!-- Unnamed (矩形) -->
                      <div id="u582" class="ax_default box_1">
                        <img id="u582_img" class="img " src="images/排行/u500.png"/>
                        <div id="u582_text" class="text ">
                          <p><span>199</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u583" class="ax_default box_1">
                        <img id="u583_img" class="img " src="images/排行/u502.png"/>
                        <div id="u583_text" class="text ">
                          <p><span>56</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u584" class="ax_default box_1">
                        <img id="u584_img" class="img " src="images/排行/u502.png"/>
                        <div id="u584_text" class="text ">
                          <p><span>93</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u585" class="ax_default box_1">
                        <img id="u585_img" class="img " src="images/排行/u500.png"/>
                        <div id="u585_text" class="text ">
                          <p><span>121</span></p>
                        </div>
                      </div>

                      <!-- 挑战logo (SVG) -->
                      <div id="u586" class="ax_default _图片" data-label="挑战logo">
                        <img id="u586_img" class="img " src="images/排行/__logo_u504.svg"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u587" class="ax_default _形状2">
                        <img id="u587_img" class="img " src="images/排行/u505.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u588" class="ax_default _形状2">
                        <img id="u588_img" class="img " src="images/排行/u506.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u589" class="ax_default icon">
                        <img id="u589_img" class="img " src="images/排行/u507.png"/>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u491_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u491_state2_content" class="panel_state_content">

            <!-- Unnamed (动态面板) -->
            <div id="u590" class="ax_default">
              <div id="u590_state0" class="panel_state" data-label="State1" style="">
                <div id="u590_state0_content" class="panel_state_content">

                  <!-- 第一名 (组 合) -->
                  <div id="u591" class="ax_default" data-label="第一名" data-left="1.03718707889795" data-top="-3.18172400785651" data-width="349.962812921102" data-height="274.181724007857">

                    <!-- 街舞 (图片) -->
                    <div id="u592" class="ax_default _图片" data-label="街舞">
                      <img id="u592_img" class="img " src="images/排行/街舞_u592.png"/>
                    </div>

                    <!-- 图片框 (矩形) -->
                    <div id="u593" class="ax_default box_1" data-label="图片框">
                      <img id="u593_img" class="img " src="images/排行/图片框_u495.png"/>
                    </div>

                    <!-- 王冠 (形状) -->
                    <div id="u594" class="ax_default _形状2" data-label="王冠">
                      <img id="u594_img" class="img " src="images/排行/王冠_u496.png"/>
                    </div>

                    <!-- 排名序号 (矩形) -->
                    <div id="u595" class="ax_default box_1" data-label="排名序号">
                      <img id="u595_img" class="img " src="images/排行/排名序号_u497.png"/>
                      <div id="u595_text" class="text ">
                        <p><span>1</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u596" class="ax_default box_1">
                      <img id="u596_img" class="img " src="images/排行/u512.png"/>
                      <div id="u596_text" class="text ">
                        <p><span>中山大学CMD</span></p>
                      </div>
                    </div>

                    <!-- 数值 (组 合) -->
                    <div id="u597" class="ax_default" data-label="数值" data-left="33" data-top="253" data-width="311" data-height="18">

                      <!-- Unnamed (矩形) -->
                      <div id="u598" class="ax_default box_1">
                        <img id="u598_img" class="img " src="images/排行/u500.png"/>
                        <div id="u598_text" class="text ">
                          <p><span>223</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u599" class="ax_default box_1">
                        <img id="u599_img" class="img " src="images/排行/u500.png"/>
                        <div id="u599_text" class="text ">
                          <p><span>443</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u600" class="ax_default box_1">
                        <img id="u600_img" class="img " src="images/排行/u502.png"/>
                        <div id="u600_text" class="text ">
                          <p><span>15</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u601" class="ax_default box_1">
                        <img id="u601_img" class="img " src="images/排行/u500.png"/>
                        <div id="u601_text" class="text ">
                          <p><span>990</span></p>
                        </div>
                      </div>

                      <!-- 挑战logo (SVG) -->
                      <div id="u602" class="ax_default _图片" data-label="挑战logo">
                        <img id="u602_img" class="img " src="images/排行/__logo_u504.svg"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u603" class="ax_default _形状2">
                        <img id="u603_img" class="img " src="images/排行/u505.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u604" class="ax_default _形状2">
                        <img id="u604_img" class="img " src="images/排行/u506.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u605" class="ax_default icon">
                        <img id="u605_img" class="img " src="images/排行/u507.png"/>
                      </div>
                    </div>

                    <!-- 开始 (形状) -->
                    <div id="u606" class="ax_default icon" data-label="开始">
                      <img id="u606_img" class="img " src="images/排行/开始_u508.png"/>
                    </div>
                  </div>

                  <!-- 第二名 (组 合) -->
                  <div id="u607" class="ax_default" data-label="第二名" data-left="2.03718707889794" data-top="269.818275992144" data-width="348.962812921102" data-height="293.181724007856">

                    <!-- Unnamed (图片) -->
                    <div id="u608" class="ax_default _图片">
                      <img id="u608_img" class="img " src="images/排行/u608.png"/>
                    </div>

                    <!-- 图片框 (矩形) -->
                    <div id="u609" class="ax_default box_1" data-label="图片框">
                      <img id="u609_img" class="img " src="images/排行/图片框_u495.png"/>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u610" class="ax_default box_1">
                      <img id="u610_img" class="img " src="images/排行/u528.png"/>
                      <div id="u610_text" class="text ">
                        <p><span>北京大学跳绳俱乐部</span></p>
                      </div>
                    </div>

                    <!-- 王冠 (形状) -->
                    <div id="u611" class="ax_default _形状2" data-label="王冠">
                      <img id="u611_img" class="img " src="images/排行/王冠_u496.png"/>
                    </div>

                    <!-- 排名序号 (矩形) -->
                    <div id="u612" class="ax_default box_1" data-label="排名序号">
                      <img id="u612_img" class="img " src="images/排行/排名序号_u497.png"/>
                      <div id="u612_text" class="text ">
                        <p><span>2</span></p>
                      </div>
                    </div>

                    <!-- 开始 (形状) -->
                    <div id="u613" class="ax_default icon" data-label="开始">
                      <img id="u613_img" class="img " src="images/排行/开始_u508.png"/>
                    </div>

                    <!-- 数值 (组 合) -->
                    <div id="u614" class="ax_default" data-label="数值" data-left="32" data-top="545" data-width="312" data-height="18">

                      <!-- Unnamed (矩形) -->
                      <div id="u615" class="ax_default box_1">
                        <img id="u615_img" class="img " src="images/排行/u500.png"/>
                        <div id="u615_text" class="text ">
                          <p><span>202</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u616" class="ax_default box_1">
                        <img id="u616_img" class="img " src="images/排行/u518.png"/>
                        <div id="u616_text" class="text ">
                          <p><span>111</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u617" class="ax_default box_1">
                        <img id="u617_img" class="img " src="images/排行/u502.png"/>
                        <div id="u617_text" class="text ">
                          <p><span>12</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u618" class="ax_default box_1">
                        <img id="u618_img" class="img " src="images/排行/u500.png"/>
                        <div id="u618_text" class="text ">
                          <p><span>612</span></p>
                        </div>
                      </div>

                      <!-- 挑战logo (SVG) -->
                      <div id="u619" class="ax_default _图片" data-label="挑战logo">
                        <img id="u619_img" class="img " src="images/排行/__logo_u504.svg"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u620" class="ax_default _形状2">
                        <img id="u620_img" class="img " src="images/排行/u505.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u621" class="ax_default _形状2">
                        <img id="u621_img" class="img " src="images/排行/u506.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u622" class="ax_default icon">
                        <img id="u622_img" class="img " src="images/排行/u507.png"/>
                      </div>
                    </div>
                  </div>

                  <!-- 第三名 (组 合) -->
                  <div id="u623" class="ax_default" data-label="第三名" data-left="5.03718707889794" data-top="555.818275992144" data-width="348.962812921102" data-height="293.181724007856">

                    <!-- Unnamed (图片) -->
                    <div id="u624" class="ax_default _图片">
                      <img id="u624_img" class="img " src="images/排行/u624.png"/>
                    </div>

                    <!-- 图片框 (矩形) -->
                    <div id="u625" class="ax_default box_1" data-label="图片框">
                      <img id="u625_img" class="img " src="images/排行/图片框_u495.png"/>
                    </div>

                    <!-- Unnamed (矩形) -->
                    <div id="u626" class="ax_default box_1">
                      <img id="u626_img" class="img " src="images/排行/u626.png"/>
                      <div id="u626_text" class="text ">
                        <p><span>复旦大学篮球社团</span></p>
                      </div>
                    </div>

                    <!-- 王冠 (形状) -->
                    <div id="u627" class="ax_default _形状2" data-label="王冠">
                      <img id="u627_img" class="img " src="images/排行/王冠_u496.png"/>
                    </div>

                    <!-- 排名序号 (矩形) -->
                    <div id="u628" class="ax_default box_1" data-label="排名序号">
                      <img id="u628_img" class="img " src="images/排行/排名序号_u497.png"/>
                      <div id="u628_text" class="text ">
                        <p><span>3</span></p>
                      </div>
                    </div>

                    <!-- 开始 (形状) -->
                    <div id="u629" class="ax_default icon" data-label="开始">
                      <img id="u629_img" class="img " src="images/排行/开始_u508.png"/>
                    </div>

                    <!-- 数值 (组 合) -->
                    <div id="u630" class="ax_default" data-label="数值" data-left="35" data-top="831" data-width="312" data-height="18">

                      <!-- Unnamed (矩形) -->
                      <div id="u631" class="ax_default box_1">
                        <img id="u631_img" class="img " src="images/排行/u500.png"/>
                        <div id="u631_text" class="text ">
                          <p><span>199</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u632" class="ax_default box_1">
                        <img id="u632_img" class="img " src="images/排行/u502.png"/>
                        <div id="u632_text" class="text ">
                          <p><span>56</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u633" class="ax_default box_1">
                        <img id="u633_img" class="img " src="images/排行/u502.png"/>
                        <div id="u633_text" class="text ">
                          <p><span>93</span></p>
                        </div>
                      </div>

                      <!-- Unnamed (矩形) -->
                      <div id="u634" class="ax_default box_1">
                        <img id="u634_img" class="img " src="images/排行/u500.png"/>
                        <div id="u634_text" class="text ">
                          <p><span>121</span></p>
                        </div>
                      </div>

                      <!-- 挑战logo (SVG) -->
                      <div id="u635" class="ax_default _图片" data-label="挑战logo">
                        <img id="u635_img" class="img " src="images/排行/__logo_u504.svg"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u636" class="ax_default _形状2">
                        <img id="u636_img" class="img " src="images/排行/u505.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u637" class="ax_default _形状2">
                        <img id="u637_img" class="img " src="images/排行/u506.png"/>
                      </div>

                      <!-- Unnamed (形状) -->
                      <div id="u638" class="ax_default icon">
                        <img id="u638_img" class="img " src="images/排行/u507.png"/>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 顶部栏 (组 合) -->
      <div id="u639" class="ax_default" data-label="顶部栏" data-left="12" data-top="9" data-width="70" data-height="20">

        <!-- Unnamed (图片) -->
        <div id="u640" class="ax_default _图片">
          <img id="u640_img" class="img " src="images/大学分类/u183.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u641" class="ax_default icon">
          <img id="u641_img" class="img " src="images/大学分类/u184.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u642" class="ax_default label">
          <img id="u642_img" class="img " src="images/排行/u642.png"/>
          <div id="u642_text" class="text ">
            <p><span>排行榜</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u643" class="ax_default placeholder">
        <img id="u643_img" class="img " src="images/排行/u643.png"/>
        <div id="u643_text" class="text ">
          <p><span>专题视频封面图</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u644" class="ax_default box_1">
        <img id="u644_img" class="img " src="images/排行/u644.png"/>
        <div id="u644_text" class="text ">
          <p><span>个性推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u645" class="ax_default ellipse">
        <img id="u645_img" class="img " src="images/排行/u645.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u646" class="ax_default ellipse">
        <img id="u646_img" class="img " src="images/排行/u646.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u647" class="ax_default ellipse">
        <img id="u647_img" class="img " src="images/排行/u645.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u648" class="ax_default ellipse">
        <img id="u648_img" class="img " src="images/排行/u645.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u649" class="ax_default ellipse">
        <img id="u649_img" class="img " src="images/排行/u645.png"/>
      </div>

      <!-- Unnamed (NavBtoom) -->

      <!-- Unnamed (组 合) -->
      <div id="u651" class="ax_default" data-left="0" data-top="1" data-width="376" data-height="38">

        <!-- 底部导航栏 (组 合) -->
        <div id="u652" class="ax_default" data-label="底部导航栏" data-left="0" data-top="1" data-width="376" data-height="38">

          <!-- Unnamed (矩形) -->
          <div id="u653" class="ax_default box_1">
            <img id="u653_img" class="img " src="images/主页/u70.png"/>
          </div>

          <!-- 首页 (矩形) -->
          <div id="u654" class="ax_default label" data-label="首页">
            <img id="u654_img" class="img " src="images/主页/首页_u71.png"/>
            <div id="u654_text" class="text ">
              <p><span>首页</span></p>
            </div>
          </div>

          <!-- 关注 (矩形) -->
          <div id="u655" class="ax_default label" data-label="关注">
            <img id="u655_img" class="img " src="images/主页/首页_u71.png"/>
            <div id="u655_text" class="text ">
              <p><span>关注</span></p>
            </div>
          </div>

          <!-- 消息 (矩形) -->
          <div id="u656" class="ax_default label" data-label="消息">
            <img id="u656_img" class="img " src="images/主页/首页_u71.png"/>
            <div id="u656_text" class="text ">
              <p><span>消息</span></p>
            </div>
          </div>

          <!-- 我的 (矩形) -->
          <div id="u657" class="ax_default label" data-label="我的">
            <img id="u657_img" class="img " src="images/主页/首页_u71.png"/>
            <div id="u657_text" class="text ">
              <p><span>我的</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u658" class="ax_default icon">
          <img id="u658_img" class="img " src="images/主页/u75.png"/>
        </div>
      </div>

      <!-- Unnamed (热区) -->
      <div id="u659" class="ax_default">
      </div>
    </div>
  </body>
</html>
